body{background-color:#fff;color:#333;font-size: 14px; line-height: 30px; } a{color:#333;} a:hover{color:#0c3388;-ms-transition-duration: 0.3s; transition-duration: 0.3s;} .main-color{color: #ffffff;} h1{font-size:26px} h2{font-size:24px} h3{font-size:20px} h4{font-size:16px} ul{padding: 0;margin: 0;} /*common*/ .top-bar{font-size:12px;color: #ffffff;background-color: #0c3388;position:relative;z-index:101;padding: 13px 0;line-height: 24px;} .top-bar .top-bar-left{display:inline-block;float:left;} .top-bar .top-bar-right{display:inline-block;float:right;} .top-bar .top-bar-right .bar-right-ico { padding:0 0 0 20px; background-repeat:no-repeat; background-position: 0 2px; } .top-bar a {color:#fff; margin-left: 15px;} .top-bar a:hover {color:#fff;} .top-main{background-color: #ffffff;height: 70px;padding: 25px 0;} .top-main .logo img{height: 80px;float: left;} .top-main .logo a{display:inline-block;float: left;} .top-main .logo .dianshita{float:left;padding: 6% 0;margin-left: 15px;} .top-main .logo .dianshita img{ height: 40px; } .top-main .logo p{float:left;color:#4a4a4a;font-size:16px;font-weight:bold;line-height:24px;padding-left:12px;margin-top:18px;letter-spacing: 1px;} .main-nav{ _float:left;margin:26px 0 10px 0} .sf-menu{line-height:1.0;} .sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;} .sf-menu span { font-weight:normal; } .sf-menu em { font-style:normal; } .sf-menu li{float:left;position:relative;} /*1*/ .sf-menu li {margin-left: 1px;background-color:transparent;border-radius: 3px;} .sf-menu a{display:block;border:none;padding-bottom:0;color: #fff;} .sf-menu .first-level{line-height: 35px;padding: 0 12px;height: 35px;color: #333333;} .sf-menu .first-level em{font-size: 12px;font-family: Helvetica;color: #999;display: block;line-height: normal;position: relative;top: 50px;-webkit-transform: scale(0.8);text-align: right;} .sf-menu .first-level span{font-size: 14px;position: relative;} .sf-menu li.current, .sf-menu li.current .first-level, .sf-menu li.current .first-level:visited{color: #fff;background: #0c3388;border-radius: 3px;} .sf-menu li.current .first-level em{ color:#fff; } .sf-menu li:hover,.sf-menu li.nav-hover{background-color: #0c3388;color: #fff;} .sf-menu li:hover .first-level em,.sf-menu li:hover .first-level span, .sf-menu li.nav-hover .first-level em,.sf-menu li.nav-hover .first-level span{ color: #fff; } .sf-menu .first-level .sf-sub-indicator {display: none;top:3em;} /*2*/ .sf-menu ul{position:absolute;top:-999em; width:190px;z-index: 99;} .sf-menu li ul li.current{border-radius: 0px;} .sf-menu ul li{width:100%;border-radius: 0px;} .sf-menu ul li span.second-level{font-size: 14px;width:100%;padding: 12px 0 12px 20px;top:0;display: block;} .sf-menu li:hover ul,.sf-menu li.sfHover ul { top:50px;} .sf-menu ul li {margin-left:0;background-color:#0c3388;border-right:none;color: #ffffff;} .sf-menu ul li:hover, .sf-menu li.sfHover li.sfHover, .sf-menu li.sfHover li.sfHover > a, .sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active { background-color:#ed8200;color:#fff;border-radius: 0px;} .sf-menu li.last{border-right:none;} .serch-m{padding: 15px 0 0 0;text-align: center;float: left;width: 100%;} .serch-m .inputc{border:none;background-color: #dbdbdb;height: 27px;line-height: 30px;padding: 3px 5px;color: #fff;border-radius: 2px 0 0 2px;width: 76%;} .serch-m .inputb{border: none; height: 33px; padding: 0 10px; border-radius: 0 2px 2px 0; background: #575757; color: #fff; font-size: 16px;width: 18%;} .serch-m input::-webkit-input-placeholder {color:#333;} .serch-m input::-moz-placeholder{color:#333;} .serch-m input::-moz-placeholder {color:#333;} .serch-m input::-ms-input-placeholder {color:#333;} .touch-top {display: block;background: #ffffff;} .touch-top .touch-logo {margin:0;float: left;padding: 10px 0; */;} .touch-top .touch-logo a{float:left} .touch-top .touch-logo .dianshita{float:left;} .touch-top .touch-logo .dianshita img{height:40px;display:block;margin-left:10px;margin-top: 5%;} @media (max-width:767px){ .touch-top .touch-logo .dianshita{display:none;} } .touch-top .touch-logo img { height:50px; display:block; } .touch-top .touch-navigation { display:block; float: right;} .touch-toggle li { float:left; height:70px; padding: 0 10px; text-align:center;border:none; } .touch-toggle li a { display:block; font-size:12px; height: 70px;} .touch-toggle li i {display:inline-block;width: 50px;height:32px;overflow:hidden;margin-top:20px;font-size: 23px;line-height: 32px;color: #272727;} .touch-toggle li span { display:none; text-align:center; } .drawer-section { background-color: #1a1a1a; padding: 20px; display:none; } .drawer-section-menu {padding:20px 20px 35px;overflow\: inherit;overflow: hidden;} .touch-language li { width:49.9%; float:left; } .touch-language li a { display:block; padding:7px 0 7px 5px; color:#fff; font-size: 16px;height: 25px; line-height: 25px;} .touch-language li a:hover, .touch-language li a:active { background-color:#0c3388; } .touch-menu{float:left;overflow:hidden;width: 100%;} .touch-menu ul li {position:relative;border-bottom: 1px solid #373a3d;width: 100%;} .touch-menu ul li a { color:#fff; display:block; font-size: 16px; height: 48px; line-height: 48px; padding-left:10px; } .touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#121212; } .touch-menu ul li i { position:absolute; top: 3px; right:5px; display:block; width: 30px; height: 28px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:contain; font-size: 19px;color: #fff;} .touch-menu ul ul { display:none; margin:0; padding: 0 20px 15px 20px; } .touch-menu ul ul li { border-bottom:none; margin:0; padding:0; } .touch-menu ul ul li a { padding:0; padding-left:5px; font-size: 16px; height: 38px; line-height: 38px; } .touch-menu ul ul li i { top:13px; } /* pc-slider*/ .index-slider{ width:100%; height: 590px; overflow:hidden; position:relative;} .index-slider .hd{clear:both;position:absolute;z-index:2;bottom: 24px; text-align:center;display: block;margin: 0 auto;width: 100%;} .index-slider .hd ul{ display:inline-block;_display:inline;_zoom:1;} .index-slider .hd ul li{display: inline-block;margin: 0 5px;width: 15px;height: 15px;border-radius: 50%;background: #FFF;font-size: 0;vertical-align: middle;} .index-slider .hd ul li.on{background: #0c3388;} .index-slider .bd{ position:relative; height:590px; z-index:0; } .index-slider .bd ul{margin:0;width: 100% !important;} .index-slider .bd li{zoom:1;vertical-align:middle;width: 100% !important;height: 590px;} .index-slider .bd li a{width:100%; height:590px;background-position: top center;background-repeat:no-repeat;display:block;background-size: auto 100%;text-indent: -999em;} .index-slider .prev{ position:absolute; left:3%; top:45%; margin-top:-25px;width: 64px; height: 64px;filter:alpha(opacity=30);opacity:0.6;transition:all 0.3s;} .index-slider .next{ position:absolute; right:3%; top:45%; width: 64px; height: 64px;filter:alpha(opacity=30);opacity: 0.6;transition:all 0.3s;} .index-slider .next:hover,.index-slider .prev:hover{filter:alpha(opacity=100);opacity:1;} .index-slider i{font-size: 24px;width:40px;height:40px;border-radius: 5px;border: 1px solid #fff;padding: 12px;color: #fff;} /*m-slider*/ .index-focus{ width:100%;margin:0 auto; position:relative; overflow:hidden;} .index-focus .hd{ width:100%; height:11px; position:absolute; z-index:1; bottom: 12px; text-align:center; } .index-focus .hd ul{ display:inline-block; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; vertical-align:top;margin: 0;} .index-focus .hd ul li{display: inline-block;margin-left: 7px;width: 12px;height: 12px;border-radius: 50%;background: #ccc;font-size: 0;vertical-align: middle;float: left;} .index-focus .hd ul .on{background: #0c3388;} .index-focus .bd{ position:relative; z-index:0; } .index-focus .bd ul{margin:0;padding:0;} .index-focus .bd li img{ width:100%; background:url(../images/loading.gif) center center no-repeat; } .index-focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);display: block;} /*footer*/ .footer{overflow: hidden;background-color: #282b2d;} .footer a{color: #d6d6d6;} .footer a:hover{color:#fff} .footer_box{background:#282b2d;border-bottom: 1px solid #282b2d;display: inline-block;} .line_top_box{width: 100%;float: left;border-bottom: 1px solid #5a5a5a;margin-top: 8px;text-align: center;} .line_top_box ul{display:inline-block;width: 100%;} .line_top_box li{margin: 0 7%;float: left;padding: 27px 0 24px 0;} .line_top_box img{float: left;width: 30px;height: 30px;} .line_top_box p{font-size: 16px;float: left;color: #afafaf;text-align: center;padding-left: 15px;line-height: 30px;} .line_top_box a:hover p{color:#fff} .contright{text-align:center;float: right;} .line_bottom{width: 88%;margin: 30px auto 20px auto;float:left;color: #d6d6d6;padding: 0 6%;} .line_bottom ul{width:100%;display:inline-block} .line_bottom li:nth-child(2){width: 43%;float: left;} .line_bottom li:nth-child(3){width: 28%;float: left;} .line_bottom li{width: 29%;float: left;} .line_bottom li h6{font-size: 16px;line-height: 45px;margin: 0;} .botcon{font-size: 14px;} .botcon dl{line-height: 30px;float: left;} .botcon dl dt{float: left;margin-right: 20px;} .botcon dl dd{float: left;margin-right: 20px;} .botconimg{/* width:120px; */border-radius: 3px;overflow: hidden;} .botconimg img{float: left;width: 46%;margin: 0 2%;} .footer .flink{overflow:hidden;float: left;height: 27px;width: 88%;display: inline-block;color: #d6d6d6;padding: 0 6%;margin: 16px 0;} .footer .flink a{margin-left:10px;} .footer .footer-copy{color: #909090;font-size: 13px;margin: 0 auto;height: 60px;text-align: center;font-size: 14px;line-height: 60px;background: #171a1c;} .footer-copy .copyright a{color: #909090;/* margin-left:10px */} .footer-copy .copyright a:hover{color:#fff} .footer-copy .copyright .aa{color: #171a1c !important;} .footer-mobile-nav{display: block;position: fixed;height: 56px;width: 100%;left: 0;bottom: 0;box-sizing: border-box;z-index: 9;background: #1A1A1A; color: #FFFFFF; font-size: 13px;} .footer-mobile-nav .m-nav-menu{width: 100%;height: 56px;} .footer-mobile-nav .m-nav-menu li{float: left;display: inline-block;width: 25%;height: 50px;text-align: center;padding: 3px 0;} .footer-mobile-nav .m-nav-menu li a{overflow: hidden;display: block;margin-top: 0;} .footer-mobile-nav .m-nav-menu li .iconfont{color: #fff;font-size: 29px;display: inline-block;margin-top: 3px;} .footer-mobile-nav .m-nav-menu li .m-nav-text{line-height: 20px;color: #fff;margin-top: -3px;} .footer-mobile-nav .m-nav-menu li.current{background-color: #0c3388;} .footer-mobile-nav .m-nav-menu li.current .iconfont,.footer-mobile-nav .m-nav-menu li.current .m-nav-text{color:#fff} .gotop-wrapper { position:fixed; bottom:50px; right:15px; z-index:1001; background-color:rgba(0,0,0,0.3); background-color:#969696\9; } .gotop-wrapper:hover { background-color:rgba(0,0,0,0.6); background-color:#6d6d6d\9; } .gotop-wrapper a { display:none; _display:none !important;width:55px; height:55px; overflow:hidden;text-align: center;} .gotop-wrapper i{color: #fff;font-size: 36px;line-height: 55px;} .content-title{text-align:center;display:block;width: 100%;} .content-title h2{line-height:40px;font-weight: bold;font-size: 29px;color:#0c3388;padding: 0;margin-top: 5px;letter-spacing: 2px;} .content-title p{font-size: 13px;color:#646464;line-height: 20px;} @media (max-width:767px){ .content-title h2{line-height: 35px;font-size: 22px;} .contright{width: 50%;} } @media(min-width:768px) and (max-width:991px){ .content-title h2{line-height:40px;font-size: 27px;} } #chatnb{position: fixed;right: 0;top: 260px;z-index: 2000;} #chatnb a{-webkit-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;} #chatnb a{width:66px;height: 66px;background-color: #0c3388;color: #FFF;background-position:center 10px;background-repeat:no-repeat;float:right;clear:both;margin-bottom: 1px;text-align: center;} #chatnb a i{width: 34px;height: 40px;display: inline-block;font-size: 28px;margin: 0px 16px;line-height: 40px;} #chatnb a p{width:100%;text-align:center;line-height: 18px;} #chatnb a:hover{border-right:15px #666 solid;} #chatnb .cc4{width:66px;background-position:center 10px;color:#fff;text-align:center;position:relative;background-color: #666;} #chatnb .cc4 i{font-size: 30px;line-height: 42px;} #chatnb .cc4 span{position:absolute;right:10px;top:0;line-height:66px;color:#fff;font-size: 22px;z-index:10;height:66px;width:175px;background-color: #666;display:none;} #chatnb .cc4:hover{background-position:23px 10px;text-align:left;text-indent:10px;width:200px;background-image:none;color: #666;border-right: 15px #666 solid;} #chatnb .cc4:hover span{display:block;color:#fff;} .kefuBox{position:fixed;z-index:1000;top:180px;right:0;width:auto; _position:absolute;_top: expression(documentElement.scrollTop +45);} .kefuBox .kefuLeft{float:left;overflow:hidden;width:30px;height: 157px;cursor:pointer;background:url(../images/kefu_l.png) no-repeat} .kefuBox .kefuRight{display:block;float:left;overflow:hidden;width:0;} .kefuBox .kefuTop{width:154px;height:46px;background:url(../images/kefu_top.png) no-repeat;} .kefuBox .kefuClose{float:right;overflow:hidden;width:154px; height:46px;display:block;cursor:pointer;} .kefuBox .kefuBottom{width:154px;height:12px;background:url(../images/kefu_bottom.png) no-repeat;} .kefuBox .kefuCont{width:130px;padding:0 12px;background:url(../images/kefu_line.png) repeat-y;overflow:hidden;} .kefuBox .kefuCont ul{margin:0;padding:0;} .kefuBox .kefuCont ul li{width: 100%;line-height:28px;overflow:hidden;/* height:28px; */padding-left:40px;/* padding-right:10px; */text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;} .kefuBox .kefuCont ul li a{color:#333;} .kefuBox .kefuCont ul li.pic{width:130px;height:89px;margin-bottom:10px;padding:0;} .kefuBox .kefuCont ul li.erimg{background:#fff;padding-left: 0;border-radius: 4px;} .kefuBox .kefuCont ul li.erimg img{max-width:100%;} .kefuBox .kefuCont ul li.qqq{background:url(../images/qqq.png) no-repeat;} .kefuBox .kefuCont ul li.wang{background:url(../images/wangwang.png) no-repeat} .kefuBox .kefuCont ul li.spk{background:url(../images/skype.png) no-repeat} .kefuBox .kefuCont ul li.codeer{display:block;width:130px;height: 165px;text-align:center;color:#fff;padding:10px 0 0;font-family:"Microsoft YaHei";font-size:14px;margin-bottom:0;} .kefuBox .kefuCont ul li.codeer p{display:block;height:35px;line-height:35px;} .kefuBox .kefuCont ul li.codeer span{display:block;width:116px;height:116px;padding:7px;background:url(../images/cobj.png) no-repeat;} .kefuBox .kefuCont ul li.codeer span img{width:116px;height:116px;} .kefuBox .kefuCont ul li.righttel{} /*common*/ /*index-products*/ .products{width: 100%;overflow: hidden;} .pro_list{text-align: center;width: 100%;overflow: hidden;} .pro_list ul{display: inline-block;/* height: 35px; */} .pro_list ul li{line-height: 35px;float: left;} .pro_list ul li.on{background:#0c3388;color:#fff;border: 1px solid #0c3388;} .pro_list ul li a{padding: 6px 20px;border: 1px solid #ddd;margin: 0 10px;} .pro_list ul li a:hover{background:#0c3388;color:#fff;border: 1px solid #0c3388;} .pro_pic{width: 100%;overflow: hidden;} .pro_pic ul{width: 101%;} .pro_pic li{width: 24%;margin: 0 1% 1% 0;float: left;} .pro_pic li a{border: 1px solid #ddd;display: inline-block;} .pro_pic li a:hover{border: 1px solid #0c3388;display: inline-block;} .pro_pic li a:hover p{background:#0c3388;color:#fff;} .pro_pic li img{ width: 100%; } .pro_pic li p{text-align: center;background: #dbdbdb;line-height: 40px;font-size: 15px;} @media (max-width:767px){ .height40{width: 100%;display: block;height: 20px;line-height: 20px;} .height30{width: 100%;display: block;height: 15px;line-height: 15px;} .height10{width: 100%;display: block;height: 5px;line-height: 5px;} .pro_list ul li a{padding: 4px 6px;margin: 0 3px;} .pro_pic li{width: 49%;margin: 0 1% 1% 0;} .pro_pic li p{line-height: 30px;font-size: 13px;} } @media(min-width:768px) and (max-width:991px){ .pro_pic li p{line-height: 30px;font-size: 13px;} } /*index-mission*/ .mission .list .more, .mission .list.img-box .img-cont{display:inline-block;*display:inline;*zoom:1} .mission{width:100%} .mission .cont{overflow: hidden;} .mission .list{float:left;width: 33.333333%;text-align:center;background-color:#42a5f5;display: inline-block;} .mission .list .text-cont{padding: 10%;display: block;overflow: hidden;} .mission .list .e-title{padding: 0 0 1.88%;font-weight:normal;font-size:18px;text-transform:uppercase;color: #ffffff;margin: 0;} .mission .list .c-title{padding-bottom:4.38%;font-size:30px;color: #ffffff;font-weight: bold;line-height: 32px;margin: 0;} .mission .list .text{width:280px;padding-bottom:4.3%;margin:0 auto;font-size:12px;line-height: 22px;color: #ffffff;padding-top: 15px;} .mission .list .text p{background:transparent !important;font-size:12px !important} .mission .list .more{position:relative;width: 30.51%;height: 40px;line-height: 40px;border-radius: 40px;font-size: 14px;color: #ffffff;border: 1px solid #a9d9ff;} .mission .list .more:hover{border: 1px solid #ed8200;background: #ed8200;color: #fff;} .mission .list.img-box .text-cont{padding: 10%;display: block;overflow: hidden;} .mission .list.img-box{background-color:#e9e9e9;} .mission .list.img-box .text-cont .img{width: 49%;padding-right: 2%;float: left;} .mission .list.img-box .text-cont .img img{display:block;width:100%} .mission .list.img-box .text-box{width: 49%;padding-top: 5%;float: left;} .mission .list.img-box .e-title{padding-top:0;color:#707070} .mission .list.img-box .c-title{padding-bottom:34%;color:#252525} .mission .list.img-box .more{width:75%;color:#252525} .mission .list.img-box .more:hover{width:75%;color:#fff} @media (max-width:767px){ .mission .list{width:100%} .mission .list .text-cont{padding: 4%;} .mission .list.img-box .text-cont{padding: 7% 7%;} .mission .list .e-title{font-size: 16px;padding: 0;} .mission .list .c-title{padding-bottom: 0.38%;font-size: 20px;line-height: 30px;} .mission .list .text{width: 100%;padding: 2% 0;line-height: 20px;} .mission .list .more{width: 44.51%;height: 30px;line-height: 30px;border-radius: 30px;font-size: 14px;} .mission .list.img-box .c-title{padding-bottom: 14%;} .mission .list.img-box .text-box{padding-top: 4%;} } @media(min-width:768px) and (max-width:991px){ .mission .list{width:50%;margin-top: 1px;} .mission .list .text-cont{padding: 7%;} .mission .list.img-box .text-cont{padding: 7% 7%;} .mission .list .e-title{font-size: 16px;padding: 0;} .mission .list .c-title{padding-bottom: 0.38%;font-size: 24px;line-height: 32px;} .mission .list .text{width: 100%;padding: 2% 0;line-height: 20px;} .mission .list .more{width: 44.51%;height: 30px;line-height: 30px;border-radius: 30px;font-size: 14px;} .mission .list.img-box .c-title{padding-bottom: 14%;} .mission .list.img-box .text-box{padding-top: 4%;} } @media(min-width:992px) and (max-width: 1199px){ .mission .list .text-cont{padding: 7%;} .mission .list.img-box .text-cont{padding: 7% 7%;} .mission .list .e-title{font-size: 16px;} .mission .list .c-title{padding-bottom: 0.38%;font-size: 19px;line-height: 21px;} .mission .list .text{width: 100%;padding: 2% 0;line-height: 18px;} .mission .list .more{width: 44.51%;height: 24px;line-height: 24px;border-radius: 24px;font-size: 14px;} .mission .list.img-box .c-title{padding-bottom: 14%;} .mission .list.img-box .text-box{padding-top: 4%;} } @media(min-width:1200px) and (max-width: 1440px){ .mission .list .e-title{padding: 0 0 1.88%;font-weight:normal;font-size:18px;text-transform:uppercase;color: #ffffff;margin: 0;} .mission .list .c-title{padding-bottom: 0;font-size: 24px;color: #ffffff;font-weight: bold;line-height: 32px;margin: 0;} .mission .list .text{padding-bottom: 2.3%;padding-top: 9px;} .mission .list.img-box .text-box{width: 49%;padding-top: 5%;float: left;} .mission .list.img-box .e-title{padding-top:0;color:#707070} .mission .list.img-box .c-title{padding-bottom: 13%;color:#252525;} } /*index-aboutus*/ .aboutus{width: 100%;overflow: hidden;} .aboutus-con{overflow: hidden;} .aboutus-left{float:left;width: 43%;background: #ddd;} .aboutus-right{float: right;width: 55%;margin-left:2%;} .aboutus-right .aboutus-tit{margin-bottom:20px;padding-top: 15px;} .aboutus-right .aboutus-tit h3{font-size:16px;font-weight:bold;margin: 0;padding: 0;line-height: 30px;} .aboutus-right .aboutus_p{line-height: 24px;margin-bottom:50px;} .c_more{color:#fff;padding: 9px 35px;margin-right:8px;float: left;background:#0c3388} .v_more{color:#fff;padding: 9px 35px;margin-right:8px;float: left;background:#ed8200} .c_more:hover{background: #2d62d4;color:#fff;} .v_more:hover{background: #ff9b21;color:#fff;} @media (max-width:767px){ .aboutus-left{width: 100%;} .aboutus-right{width: 100%;margin-left:0%;} .aboutus-right .aboutus-tit{margin-bottom: 10px;padding-top: 0;} .aboutus-right .aboutus-tit h3{font-size:16px;font-weight:bold;line-height:32px;line-height: 26px;} .aboutus-right .aboutus_p{line-height: 24px;margin-bottom: 10px;} .c_more{color:#fff;padding: 0px 20px;} .v_more{color:#fff;padding: 0px 20px;} } @media(min-width:768px) and (max-width:991px){ .aboutus-left{width: 100%;} .aboutus-right{width: 100%;margin-left:0%;} .aboutus-right .aboutus-tit{margin-bottom: 15px;padding-top: 11px;} .aboutus-right .aboutus-tit h3{font-size:16px;font-weight:bold;line-height:32px;line-height: 33px;} .aboutus-right .aboutus_p{line-height: 24px;margin-bottom:30px;} .c_more{color:#fff;padding: 5px 30px;} .v_more{color:#fff;padding: 5px 30px;} } @media(min-width:992px) and (max-width: 1199px){ .aboutus-right .aboutus-tit{margin-bottom: 10px;padding-top: 0;} .aboutus-right .aboutus-tit h3{font-size:15px;line-height:26px;line-height: 26px;} .aboutus-right .aboutus_p{line-height: 24px;margin-bottom: 10px;} .aboutus-right a{color:#fff;padding: 3px 24px;} .c_more{color:#fff;padding: 3px 24px;} .v_more{color:#fff;padding: 3px 24px;} } .seiv-adv-con{position:relative;} .seiv-adv-con .prev,.seiv-adv-con .next{position:absolute;top: 37%;display:inline-block;width: 55px;height: 55px;background-repeat:no-repeat;background-position:left top;-ms-transition-duration: 0s;transition-duration: 0s;z-index:99;cursor:pointer;} .seiv-adv-con .prev{left: 0;background-position:left top;background-image:url(../images/lef.png)} .seiv-adv-con .next{right: 0;background-position:right top;background-image:url(../images/rig.png)} .seiv-adv-con .prev:hover,.seiv-adv-con .next:hover{opacity:0.7} .seiv-adv-con .bd{overflow:hidden;position: relative;margin: 0 7%;width: 86%;} .seivList{position:relative;} .seivList dl{width: 20%;float:left;} .seivList dl dt{margin: 0 6px;} .seivList dl dt img{border: 1px solid #efefef;} .seivList dl dt img:hover{border: 1px solid #42a5f5;} .seivList dl dd{text-align:center; font-size:14px; line-height:50px;} @media (max-width:767px){ .seiv-adv-con .prev,.seiv-adv-con .next{top: 37%;width:30px;height: 30px;background-size: 100%;} .seiv-adv-con .bd{overflow:hidden;position: relative;margin: 0 8%;width: 82%;} .seivList dl{width: 50%;float:left;} .seivList dl dt{margin: 0 6px;} } @media(min-width:768px) and (max-width:991px){ .seiv-adv-con .prev,.seiv-adv-con .next{width: 40px;height: 40px;background-size: 100%;} } @media(min-width:992px) and (max-width: 1199px){ .seiv-adv-con .prev,.seiv-adv-con .next{width: 40px;height: 40px;background-size: 100%;} } /*index-case*/ .case{width: 100%;overflow: hidden;background: #ededed;} .case_pic{width: 100%;overflow: hidden;} .case_pic ul{width: 102%;} .case_pic li{text-align: center;width: 23%;margin: 0 2% 1% 0;float: left;} .case_pic li p{line-height: 40px;font-weight: bold;} @media (max-width:767px){ .case_pic li{text-align: center;width:48%;margin: 0 2% 1% 0;} } @media(min-width:768px) and (max-width:991px){ } /*index-newsfaq*/ .newsfaq{width: 100%;overflow: hidden;} .home-nf{width: 100%;overflow: hidden;} .home-news{width:60%;float: left;} .home-news-title{height: 39px;position:relative;border-bottom: 1px solid #dadada;} .home-news-title li{float:left;height:40px;text-align:center;font-size:16px;line-height:40px;color:#fff;cursor:pointer;margin-right: 2px;background-color:#333;padding: 0 24px;} .home-news-title li.on{ color:#fff; background-color:#0c3388;} .home-news-title a{ display:inline-block; float:right; font-weight:normal; text-transform:uppercase; font-size:12px; line-height:22px; margin-top:9px; position:relative; padding-right:10px;} .home-news-title a em{ width:4px; height:7px; position:absolute; right:0; top:50%; margin-top:-3px; background:url(../images/jiao-b-2.png) no-repeat right 50%;} .home-news-title a:hover{ color:#0c3388; padding-right:8px;} .home-news-list{ width:100%; margin-top:20px;} .home-news-list dl dt{width: 43%;float:left;} .home-news-list dl dd{float:left;width: 54%;margin-left: 3%;position:relative;} .home-news-list dl dd h3{font-weight:700;font-size:18px;line-height:30px;color:#333;padding: 0;height: 30px;overflow: hidden;} .home-news-list dl dd p.co{font-size:14px;line-height:24px;color:#666;padding-top:10px;height: 72px;overflow: hidden;} .home-news-list dl dd p.time{font-size:12px;line-height: 26px;color:#888;border-bottom:1px dotted #ddd;} .home-news-list dl dd p.more{margin-top: 10px;} .home-news-list dl dd p.more span{ font-size:12px; line-height:26px; color:#fff; background-color:#0c3388; display:inline-block; padding:0 15px;-ms-transition-duration: 0.3s; transition-duration: 0.3s;} .home-news-list dl a:hover dd h3{ color:#0c3388; } .home-news-list dl a:hover dd p span{ background-color:#0c3388;} .home-news-list ul{padding-top:15px;display: inline-block;width: 102%;} .home-news-list ul li{width: 48%;float:left;position:relative;border-bottom:1px dotted #ccc;margin-right: 2%;} .home-news-list ul li a{font-size:14px;line-height:44px;position:relative;display:block;padding-left:18px;height: 44px;} .home-news-list ul li a em{ width:11px; height:11px; position:absolute; left:0; top:50%; margin-top:-5px; background:url(../images/jiaob.png) no-repeat left bottom;} .home-news-list ul li a:hover{color:#0c3388;margin-left:5px;} .home-news-list ul li:nth-child(2n){margin-left:0px;} .home-faq{width: 37%;margin-left: 3%;float: left;} .faqMarquee{position:relative;overflow:hidden;margin-top: 20px;} .home-faq-list dl{ padding:23px 0; border-top:1px dotted #ccc;} .home-faq-list dl dt,.home-faq-list dl dd{ position:relative; padding-left:30px;} .home-faq-list dl dt{ font-weight:700; font-size:14px; line-height:26px; color:#333;height:26px;overflow:hidden} .home-faq-list dl a:hover dt{ color:#0c3388; text-decoration: underlines;} .home-faq-list dl dd{ font-size:14px; line-height:23px; margin-top:0; color:#666;height:46px;overflow:hidden} .home-faq-list dl dt span,.home-faq-list dl dd span{ position:absolute; left:0; width:22px; height:26px; } .home-faq-list dl dt span{ top:0px; background:url(../images/faq-q.png) no-repeat left 1px;} .home-faq-list dl dd span{ top:0px; background:url(../images/faq-a.png) no-repeat left 0px;} @media (max-width:767px){ .home-news{width:100%;} .home-faq{width: 100%;margin-left: 0%;} .home-news-title{height: 33px;} .home-news-title li{height: 34px;font-size:14px;line-height: 33px;padding: 0 14px;} .home-news-list dl dt{width: 48%;} .home-news-list dl dd{width: 48%;margin-left: 2%;} .home-news-list dl dd h3{font-size: 14px;line-height: 24px;height: 24px;} .home-news-list dl dd p.co{font-size: 12px;line-height: 20px;padding-top: 6px;height: 60px;} .home-news-list dl dd p.time{display: none;} .home-news-list dl dd p.more{display: none;} .home-news-list dl dd p.more span{ font-size:12px; line-height:26px;padding:0 15px;} .home-news-list ul{padding-top: 10px;width: 100%;} .home-news-list ul li{width: 100%;margin-right: 0;} .home-news-list ul li a{font-size: 13px;line-height: 40px;height: 40px;} .home-news-list ul li a em{ width:11px; height:11px;} .home-faq-list dl{ padding:12px 0; } .home-faq-list dl dd{line-height:20px;height:40px;font-size:12px;} } @media(min-width:768px) and (max-width:991px){ .home-news{width:100%;} .home-faq{width: 100%;margin-left: 0%;} .home-faq-list dl{ padding:15px 0; } .home-faq-list dl dd{line-height:20px;height:40px;} } .goods-list{width: 100%;overflow: hidden;} .goods-list ul{width: 104%;} .goods-list li{width: 31.333%;margin: 0 1% 1% 0;float: left;} .goods-list li a{border: 1px solid #ddd;display: inline-block;} .goods-list li a:hover{border: 1px solid #0c3388;display: inline-block;} .goods-list li a:hover p{background:#0c3388;color:#fff;} .goods-list li img{} .goods-list li p{text-align: center;background: #dbdbdb;line-height: 40px;font-size: 15px;} @media (max-width:767px){ .goods-list ul li a{padding: 4px 6px;margin: 0 3px;} .goods-list li{width: 49%;margin: 0 1% 1% 0;} .goods-list li p{line-height: 30px;font-size: 13px;} } .cases-list{overflow: hidden;} .cases-list ul{width: 102%} .cases-list .cases-list-item{padding: 0 2% 2% 0;} .cases-list .cases-list-item p{text-align: center;line-height: 30px;height: 30px;overflow: hidden;} .listConts{width: 100%;overflow: hidden;} .lanrenzhijia{width: 45%;height:auto;overflow:hidden;float:left;} .lanrenzhijia p{border: 1px solid #e5e5e5;padding:3px;} .proinfo{width: 53%;float:right;} .proinfo dt{ font-size:24px; height:50px; border-bottom:1px dashed #ccc; line-height:50px;} .proinfo dd{ padding:10px 0; font-size:14px;} @media (max-width:767px){ .lanrenzhijia{width: 100%;} .proinfo{width: 100%;} .proinfo dt{ font-size:18px;} .proinfo dd{ padding:10px 0; font-size:14px;} } @media(min-width:768px) and (max-width:991px){ .lanrenzhijia{width: 45%;} .proinfo{width: 53%;} .proinfo dt{ font-size:18px;} .proinfo dd{ padding:10px 0; font-size:14px;} .proinfo dd p{line-height:22px;font-size:13px} } .contact { margin-top: 20px; } .contact .pic { display: block; position: relative; height: 96px; overflow: hidden; } .contact .pic .text { position: absolute; top: 50%; margin-top: -32px; width: 80%; height: 64px; background: #a00b04; background: rgba(33, 33, 33, 0.5); line-height: 32px; } .contact .pic .text span { display: block; padding-left: 16px; text-transform: uppercase; font-size: 18px; font-weight: 700; color: #FFF; } .contact .contact-list { padding: 16px 18px; border: 1px solid #eee;background: #eee;} /* .content-title{text-align:center;display:block;} .content-title h2{line-height: normal;font-weight: normal;font-size: 28px;color: #2e2949;} .content-title p{margin:-10px 0 5px;} .content-title span{display:inline-block; *display:inline; *zoom:1; margin:0 15px; font-weight:normal; font-size:16px; color:#999;line-height: 20px;} .content-title .mark-left,.content-title .mark-right,.content-titlei{display:inline-block;position:relative;top:-5px;width:55px;height:1px;overflow:hidden;background-color:#ccc;} .content-more{float:none;text-align:center;} .content-more a{display:inline-block;*display:inline;*zoom:1;line-height:34px;padding:0 35px;transition:all 0.5s ease 0s;background-color: #FFCD11; border-color: #FFCD11; color: #333;} .content-more a:hover,.content-more a:active{background-color: #F1C00B;border-color: #F1C00B;color: #000;text-decoration:none;} */ .products{overflow: hidden;} .products-list{overflow: hidden;position: relative;} .products-list .products-list-item p{text-align: center;height: 22px;line-height: 22px;overflow: hidden;margin-top: 18px;margin-bottom: 10px;} .products-list .hd ul{ position:absolute; height:41px; top:0; overflow:hidden; } .products-list .hd a{width: 40px;height: 40px;line-height: 40px;top: 30%;color: #fff;font-size: 22px;background-color: #ffcd11;z-index: 2;text-align: center;} .products-list .hd a:hover { background-color:#e5b710; color:#fff; } .products-list .hd a:hover{ opacity: 1;} .products-list .hd i{font-size: 20px;} .products-list .hd .prev{position:absolute; display:block;right:0;} .products-list .hd .next{position:absolute; display:block;left:0;} .news{overflow:hidden;} .news-cont{width:100%;overflow:hidden;} .news-pic{overflow:hidden;position:relative;margin-bottom: 20px;} .news-pic .bd{z-index:0;overflow:hidden;position:relative;} .news-pic .bd ul{margin:0;padding:0} .news-pic .bd li{zoom:1;vertical-align:middle;height\: 1;height: 100%;} .news-pic .bd li a{display:block;} .news-pic .bd p{width:96%;text-align:left;position:absolute;bottom:0;background:rgba(0,0,0,0.4);color:#fff;padding:2% 2%;margin:0;line-height:24px;display: inline-block;} .news-pic .bd img{width:100%;display:block;} .news-pic .next,.news-pic .prev{position:absolute;margin:0;opacity:1;width:28px;height:28px;text-indent:-9999;outline:none;background:url('../images/slider-nav.png') no-repeat;overflow:hidden;line-height:9999em;bottom: 6px;} .news-pic .next{background-position:top right;right: 15px;} .news-pic .prev{background-position:top left;right: 49px;} .news-list{overflow:hidden;} .news-list ul{overflow:hidden;} .news-list .news-item-pic{float:left;margin-right:3%;} .news-list .news-item-pic img{height: 73px;width: auto;} .news-list-item{margin-bottom:2%;float:left;} .news-list-item .news-list-img{float:left;} .news-list-item .news-item-cont{float:left;width:62%;} .news-list-item .news-item-cont h4{float:left;display:inline-block;height:24px;width:100%;font-weight: bold;font-size: 14px;line-height: 24px;overflow: hidden;margin: 0;} .news-list-item .news-item-cont .news-summary{float:left;color:#808080;height: 40px;overflow:hidden;line-height: 20px;font-size: 12px;} /*in-content*/ .about-banner{background-position: top center;width: 100%;height:350px;overflow: hidden;background-repeat: no-repeat;} .mobile-about-banner{overflow: hidden;width: 100%;} .mobile-about-banner img{width:100%} .page-title-inner{background: none;border-bottom: 1px solid #e5e5e5;padding: 0;margin-bottom: 20px;line-height: 50px;overflow: hidden;} .page-title{display: inline-block;float: left;} .page-title h2{font-size: 18px;font-weight:bold;padding: 0;line-height: 50px;} .page-title-inner .breadcrumbs{padding-left: 16px;background: url(../images/icon-home.png) no-repeat left center;float: right;} .breadcrumbs{color: #808080;font-size: 12px;} .breadcrumbs a{color: #808080;font-size: 12px;} .breadcrumbs a:hover{color:#1c79c1;text-decoration:underline;} .breadcrumbs strong{color: #333;font-weight: normal;} .content{overflow: hidden;} .content-right{width: 72%;float: right;overflow: hidden;} .content-sidebar{width: 24%;float: left;} .sidebar-title{color: #fff;font-size: 18px;font-weight: normal;background: #333;} .sidebar-title h3{font-size: 18px;font-weight: normal;line-height: 32px;padding: 10px 8px 10px 18px;} .sidebar-cate li{border-left: 4px solid #b5b5b5;/* margin-bottom: 5px; */border-bottom: 1px solid #fff;background-color: #e4e4e4;} .sidebar-cate li a{display: block;padding: 13px 20px;line-height: normal;} .sidebar-cate li.current,.sidebar-cate li:hover{background-color: #f7f7f7;border-left: 4px solid #ed8200;} .sidebar-cate li.current a,.sidebar-cate li:hover a{color:#ed8200;font-weight: bold;} .about-content{overflow: hidden;} .about-content p{margin-bottom: 10px} .honor-list{overflow: hidden;} .honor-list .honor-item-img{margin-bottom: 2%;} .honor-item-img .opacity-overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;cursor:pointer;background-color:#000;opacity:0;filter:alpha(opacity=0);_height:expression( (this.parentElement.clientHeight) +'px');-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;} .honor-item-img .iconfont{display:block;z-index:11;color: #fff;font-size: 27px;text-align: center;position: absolute;top: 45%;width: 100%;} .honor-item-img a:hover .opacity-overlay{filter:alpha(opacity=70);opacity:0.7;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .content-page{text-align: center;overflow: hidden;width: 100%;margin: 20px 0 10px 0;} .content-page a{padding: 5px 12px;text-decoration: none;color: #fff;background:#333;display: inline-block;line-height: 24px;} .content-page a:hover{color: #fff;background: #0c3388;} .content-page a:hover em{color:#fff} .content-page a.on{color: #fff;background: #0c3388;} .content-page a.up em{font-family:"simsun";font-style:normal;font-size:14px;margin: 0 8px 0 0;color: #fff;font-weight: 700;} .content-page a.down em{font-family:"simsun";font-style:normal;font-size:14px;margin: 0 0 0 8px;color: #fff;font-weight: 700;} .content-page .up:hover em{color:#fff} .content-page .down:hover em{color:#fff} .content-page-m{text-align: center;overflow: hidden;margin: 20px 0 10px 0;} .content-page-m a{color: #fff;background:#333;margin: 0 1%;padding: 5px 0;text-decoration: none;display: inline-block;width: 26%;display: inline-block;float: left;line-height: 24px;} .content-page-m a:hover{color: #fff;background: #0c3388;} .content-page-m a:hover em{color:#fff} .content-page-m a.on{background: #1C79C1;color: #fff} .content-page-m a.up em{font-family:"simsun";font-style:normal;font-size:14px;margin: 0 5px 0 0;color: #fff;font-weight: 700;} .content-page-m a.down em{font-family:"simsun";font-style:normal;font-size:14px;margin: 0 0 0 5px;color: #fff;font-weight: 700;} .content-page-m .up:hover em{color:#fff} .content-page-m .down:hover em{color:#fff} .content-page-m select{width: 42%;border: #d5d5d5 1px solid;padding: 6px 2%;text-decoration: none;border-radius: 3px;float: left;} .product-detail .product-img { text-align:center; margin-bottom:15px; } .product-detail .product-name { text-align:center; margin-bottom:30px;font-weight: bold;} .download-list{width:100%;overflow:hidden;} .download-list li{padding:8px 0; *vertical-align:text-top; border-bottom:1px solid #e5e5e5;float: left;width: 100%;} .download-list li .file-download{float: right;background:url(../images/icon-download.gif) no-repeat left center; padding-left:18px; font-size:12px; color:#fca206;} .download-list li .download-list-title{float:left;padding-left:15px; display:inline-block; background:url(../images/icon-dot.gif) no-repeat 0 8px;} .news-list01{overflow:hidden;} .news-list01 ul{overflow:hidden;} .news-list01 .news-item-pic{width: 17%;float:left;margin-right:3%;} .news-list01 .news-list-item{margin-bottom: 3%;overflow: hidden;border-bottom: 1px dotted #d9d9d9;padding-bottom: 3%;} .news-list01 .news-list-item .news-list-img{float:left;} .news-list01 .news-list-item .news-item-cont{float:left;width: 80%;} .news-list01 .news-list-item .news-item-cont h4{float:left;display:inline-block;height:24px;overflow:hidden;width:100%;margin: 0 0 10px 0;font-weight: bold;font-size: 16px;line-height: 24px;overflow: hidden;} .news-list01 .news-list-item .news-item-cont .news-summary{float:left;color:#808080;height: 44px;overflow:hidden;line-height: 22px;font-size: 13px;} .article-title{width:100%;text-align:center} .article-title h1{width:100%;font-size:20px;font-weight: bold;} .entry-meta{display: inline-block;margin: 0 auto;} .entry-meta span{ color: #999;font-size: 12px;display:inline-block;float: left;margin: 0 5px;} .entry-meta span a{color: #999;} .entry-meta span strong{font-weight:normal} .entry-meta .share-toolbar{display:inline-block;} .entry-meta .share-toolbar span{ float: left;} .article-page{width: 100%;display: block;margin-top: 2%;} .article-page a{width: 100%;display: block;line-height: 30px;height: 30px;overflow: hidden;} .faqfold .item{ position:relative;margin-bottom: 5px;} .faqfold .item h4{margin:0;font-weight:bold;position:relative;border-top: 1px solid #fff;font-size:15px;line-height:45px;padding: 0 10px;cursor:pointer;padding-right:30px;background-color: #F2F2F2;color: #333;} .faqfold .item h4 b{position:absolute;display: block; cursor:pointer;top: 0;width: 40px;height: 45px; text-align:center; line-height:45px;right: 0;border-left: 1px solid #fff;font-size: 18px;font-family: "simsun";} .faqfold .item h4.selected{background-color: #2d60d0;color: #ffffff;} .faqfold .item .info{display:none;padding:10px} .faqfold .item h4:hover{background-color: #2d60d0;color: #fff;} .cus-content{overflow: hidden;} .message{width:100%;overflow:hidden;padding-top:20px;border-top:1px solid #eee;margin-top:20px} .meaasge-input{overflow: hidden;} .meaasge-input .inputtext{background-color:#eff1f2;border-left:5px solid #cad0d1;border-radius:0px;width:29.9%;margin: 0 2% 2% 0;float: left;} .meaasge-input input:nth-child(3){margin-right:0;} .meaasge-input input{border:none;color:#4c4c4c;padding:11px 5px;} .meaasge-input input:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,0.75),0 0 3px rgba(0,0,0,0.6)!important;border-color:rgba(0,0,0,0.6) !important} .message-textarea textarea:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,0.75),0 0 3px rgba(0,0,0,0.6)!important;border-color:rgba(0,0,0,0.6) !important} .message-textarea .textareat{background-color:#eff1f2;border-left:5px solid #cad0d1;border-radius:0px;width:98.4%;} .message-textarea textarea{border:none;color:#4c4c4c;padding:11px 5px;} .message-button .me-button{background:#f2f4f5;float:right;padding:5px;border:1px solid #a4acad!important;border-color:#eeeeee;} .message-button .me-button:hover{background:#cad0d1;} @media (max-width:767px){ .content-title h2{font-size:20px;} .content-title span{font-size:14px;line-height: 20px;} .aboutus-right{margin-top:15px} .content-right{width: 100%;} .content-sidebar{width: 100%;} .touch-top .touch-logo a{float:left;} .touch-top .touch-logo img { height:40px;} .touch-toggle li {height:60px;} .touch-toggle li i {margin-top:15px;} .touch-toggle li a { height:60px; } .meaasge-input .inputtext{width:100%;margin:0 0 1% 0;} .message-textarea .textareat{width:100%;} .meaasge-input{margin-bottom:0;} } @media(min-width:768px) and (max-width:1024px){ .content-title h2{font-size:24px;} .content-title span{font-size:14px;line-height: 20px;} .touch-top .touch-logo a{float:left;} .touch-top .touch-logo img { height:40px;} }